/*##### common css #####*/
body, div, p, table, td{
	font-family:arial;
	font-size:12px;
}

img{
	border:0px;
}
a:link, a:active, a:visited{
	color: #ffffff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

div.msg_err{
	width:100%;
	margin:5px 0 10px 0;
}
div.msg_err div{
	border:1px solid red;
	background-color:#FFEAEA;
	color:red;
	padding:5px;
	text-align:left;
}
div.msg_msg{
	width:100%;
	margin:5px 0 10px 0;
}
div.msg_msg div{
	border:1px dotted #237332;
	background-color:#E7EFE6;
	color:black;
	padding:5px;
	text-align:left;
}
.red{color:red;}
.black{color:black;}
.green{color:green;}
.orange{color:orange;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.width100{width:100%;}
.clear{clear:both;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
.inputbox{font-family:arial; font-size:8pt;}
.padding_height{padding:20px 0 20px 0;}
.no_bg{background:none;}

/*##### form #####*/
form{display:inline;}
.button{height:20px; font-family:arial; font-size:8pt;}
input, select, textarea{font-family: arial; font-size:11px;}

/*#####ajax#####*/
span.ajax_loading{
	width:16px;
	height:16px;
	background:url("images/spinner.gif") no-repeat 0 0;
}

/* public task table*/
.pbt_table{
	width:600px;
}
.pbt_table td{
	padding:3px;
	vertical-align:top;
}
.pbt_table tr.pbt_header{
	font-weight:bold;
	font-size:12pt;
	text-align:left;
	color:#fff;
}
.pbt_table tr.pbt_body{
	background-color:#E5E7FC;
}
/* public listing table*/
.pbl_table{
	width:100%;
	border-collapse:collapse;
	margin:5px 0 3px 0;
}
.pbl_table td{
	padding:2px;
	vertical-align:top;
	border:1px solid #917D4B;
	color:#000;
}
.pbl_table tr.pbl_header{
	font-weight:bold;
	text-align:center;
	background-color:#553F05;
	color:#FFFFFF;
}
.pbl_table tr.pbl_header td{
	color:#FFFFFF;
}
.pbl_table tr.row0{
	background-color:#C9BB97;
}
.pbl_table tr.row1{
	background-color:#FFFFFF;
}

/*matrix network*/
div.member_matrix{
	float:left;
	width:620px;
	text-align:center;
	padding:0 0 30px 15px;
	background:none;
	color:#000;
}
div.member_matrix div.matrix_body{
	float:left;
	width:600px;
	border:0px solid black;
}
div.slot_up{
	margin:auto; 
	width:120px; 
	height:20px;
}
div.slot_nav{
	float:left; 
	margin-top:280px; 
	width:48px; 
	height:20px;
}
div.head_slot{
	width:120px;
	height:140px;
	margin:auto;
}
div.head_slot div.slot_box{
	width:110px;
	height:110px;
	margin:auto;
	color:#380900;
}
div.slot_line{
	width:0px;
	height:30px;
	border:0px solid #AF8E49;
	border-width:0 1px 0 1px;
	margin:auto;
}
div.downline_slots{
	width:600px;
	text-align:center;
	margin:auto;
}
div.downline_slots div.slot{
	width:120px;
	height:240px;
	float:left;
}
div.downline_slots div.slot div.slot_connector_left{
	width:50%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
	float:right;
}
div.downline_slots div.slot div.slot_connector_center{
	width:100%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
	float:right;
}
div.downline_slots div.slot div.slot_connector_right{
	width:50%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
	float:left;
}
div.slot_box{
	width:110px;
	height:140px;
	border:1px solid #AF8E49;
	background:#fff;
	color:#380900;
	margin:auto;
	text-align:center;
}
div.slot_highlight{
	/*background:#FFD07A;*/
}
div.slot_box div.slot_number{
	width:100%;
	height:20px;
	line-height:20px;
	background:#AF8E49;
	color:#380900;
	font-weight:bold;
	margin-bottom:10px;
}
div.more_box{
	width:110px;
	border:1px solid #AF8E49;
	margin:auto;
}
div.slot div.rank-0, div.head_slot div.rank-0{/*none*/
	background:#fff;
}
div.slot div.rank-1, div.head_slot div.rank-1{/*bronze*/
	background:#D2691E;
}
div.slot div.rank-2, div.head_slot div.rank-2{/*silver*/
	background:#C0C0C0;
}
div.slot div.rank-3, div.head_slot div.rank-3{/*gold*/
	background:#FFD700;
}
div.slot div.rank-4, div.head_slot div.rank-4{/*platinum*/
	background:#008B8B;
}
